<template>
  <div class="w-full h-screen flex-center flex-col gap-[20px] font-semibold">
    <div>404 NOT FOUND</div>
    <a
      href="#"
      class="text-red-600 border-[2px] border-solid rounded-[8px] p-[5px_10px]"
      @click="handleClickHome($event)"
    >
      BACK
    </a>
  </div>
</template>

<script setup lang="ts">
const handleClickHome = (event: MouseEvent) => {
  event.preventDefault();
  window.location.href = getTargetUrl("/");
};
</script>

<style scoped></style>
